<script lang="ts" setup>
import { useProfile } from '@/stores'
import { useDayjsFormat } from '@/utils'
import MpHtml from 'mp-html/dist/uni-app/components/mp-html/mp-html.vue'
import { computed } from 'vue'

const mpHtmlConfig = {
  tagStyle: {
    h1: 'margin: 2em 0 1em; font-size: 1.5em; line-height: 1.5; text-align: center;',
    h2: 'margin: 1em 0; font-size: 1.25em; line-height: 1.5',
    p: 'margin: 1em 0; line-height: 1.5',
    ul: 'margin: 1em 0; padding-left: 2em;',
    ol: 'margin: 1em 0; padding-left: 2em;',
    li: 'margin: 1em 0; line-height: 1.5',
  },
}

const profile = useProfile()
const content = computed(() => {
  const { userInfo } = profile

  return `<h1>金融信用信息基础数据库<br>个人征信信息查询及报送授权书</h1>

<p>重要提示：</p>

<p>为了维护您的权益，请在签署本授权书前，仔细阅读本授权书各条款（特别是黑体字条款），关注您在授权书中的权利、义务。我司将严格按照授权范围查询和使用您的征信信息，并依法承担超出授权范围查询的相应责任。如有任何疑问，请向我司工作人员咨询</p>

<p>致：咸阳华瑞融资担保有限公司</p>

<p>本人因向贵司申请办理金融业务，为使贵司能够对本人信用作出合理评估和风险监控，本人不可撤销地授权咸阳华瑞融资担保有限公司：</p>

<h2>一、办理以下涉及到本人的业务时，可向中国人民银行金融信用信息基础数据库或其他依法设立的征信机构查询、留存、提供使用本人包括信用报告在内的相关信用信息，用途如下</h2>
<ol>
  <li>审批、受理、办理本人或本人配偶贷款的担保资格</li>
  <li>在该业务存续期间监控本人或本人配偶（如有）的信用变化，进行保后服务和管理</li>
  <li>处理本人征信异议</li>
  <li>其他本人向贵司申请或办理的业务</li>
</ol>

<h2>二、同意你公司按照国家相关规定采集本人与本次业务相关的个人信息及合同信息（包括还款信息、合同违约等不良信息），并可向中国人民银行金融信用信息基础数据库或其他依法设立的征信机构报送以上信息</h2>

<h2>三、同意你公司在本人发生逾期情况时，按照中国人民银行规定进行本人不良征信信息的上报</h2>

<h2>四、本人已知悉如在本授权书下因你公司报送本人信息引起征信异议，本人可于工作日9:00至18:00拨打你公司的客服电话：400-6886370 进行进行咨询或异议申诉</h2>

<h2>五、本授权书是本人向咸阳华瑞融资担保有限公司做出的单方承诺，效力具有独立性。如本授权书内容与相关业务的合同条款不一致的，无论相关合同在本授权书之前或之后签署均应以本授权书内容为准，但相关合同条款明确约定是针对本授权书内容所做修订的除外</h2>

<h2>六、授权期限自本授权书出具日起，至本人在你公司该笔业务结清之日止</h2>

<h2>七、若本人申请业务未获批准或终止，均同意你司继续保存本授权书、个人信用报告等资料</h2>

<h2>八、本人同意你司向该笔业务相关部门提供并使用本人征信信息</h2>

<h2>九、若本人与被授权人发生任何纠纷或争议，首先应友好协商解决；协商不成的，本人同意将纠纷或争议提交本授权书签订地（即陕西省咸阳市）有管辖权的人民法院裁决</h2>

<p>授权人声明：</p>
<p>本人已知悉并同意上述条款（特别是黑体字条款）。本授权书由本人点击确认、电子签章或其他类似方式确认同意后即生效，为本人真实意思表达。本人同意承担由此带来的一切法律后果</p>
<p>授权人：${userInfo.name}</p>
<p>身份证号：${userInfo.idCard}</p>
<p>日期：${useDayjsFormat(undefined, 'DD')}</p>`
})
</script>

<template>
  <view class="bg-white px-30px safe-pb-30px text-30px">
    <mp-html :content="content" :tag-style="mpHtmlConfig.tagStyle"></mp-html>
  </view>
</template>

<style lang="less" scoped></style>
